<div ng-init="init();" class="kmi-layout-content G0201-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'G0201.title' | translate"></div>
        <button ng-click="favorite();">
            <img src='image/smes_v340/W_Com_Love_nor_32.png'></img>
            <div class='kmi-can-click'></div>
        </button>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="out-info">
                <div class="kmi-text-fields qr-code">
                    <label class="label" ng-bind="'G0201.work_log' | translate"></label>
                    <input ng-keypress="input_plot_no($event);" id="input_plot" ng-model="barcode_plot_no" ng-init="focusInputPlot();" readonly="readonly"/>
                    <div class="tip qrcode" ng-click="qrcode_plot_no();">
                        <img src="image/icons/QRCode.png">
                    </div>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'G0201.op_no' | translate"></label>
                    <input class="value" ng-model="condition.op_no" ></input>
                    <div class="tip search" ng-click="loadOpNoList();"><img src="image/icons/search.png"></img> </div>
                    <label class="label" ng-bind="'G0201.sub_op_no' | translate"></label>
                    <input class="value" ng-model="condition.sub_op_no"></input>
                    <div class="tip search" ng-click="loadSubOpNoList();"><img src="image/icons/search.png"></img> </div>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'G0201.plot_no' | translate"></label>
                    <input class="value" ng-model="condition.plot_no"></input>
                    <div class="tip search" ng-click="loadPlotNoList();"><img src="image/icons/search.png"></img> </div>
                    <div class="kmi-button kmi-button-confrim btn-confirm" style="width:100px">
                        <label ng-bind="'common.btn.search' | translate"></label>
                        <div class="kmi-can-click" ng-click="search()"></div>
                    </div>
                </div>
            </div>
            <div class="out-info-detail">
                <div class="kmi-text-fields">
                    <label ng-bind="'G0201.data_detail' | translate" style="font-size: 1.5rem;font-weight:600;"></label>
                </div>
                <div class="kmi-list column-selector" column-selector-id="employee_work_detail">
                    <div class="kmi-list__header">
                        <!-- 20230313 modify by Alan for M#129881: -->
                        <div class="kmi-list__column width-fixed" style="flex:0 0 40px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="selectAll();" ng-disabled="rollbackInfo.employee_work_detail.length==0">
                                <img ng-show="!isSelectAll" src="image/icons/check0.png"></img>
                                <img ng-show="isSelectAll" src="image/icons/check1.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column" style="flex:z;" ng-bind="'G0201.list.column01' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'G0201.list.column02' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'G0201.list.column03' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'G0201.list.column04' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'G0201.list.column05' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'G0201.list.column06' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row"
                             ng-repeat="item in rollbackInfo['employee_work_detail'] | orderBy:'is_offline' track by $index">
                            <div class="kmi-list__column" style="flex:0 0 40px;z-index:1;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemCheck($index, item);">
                                    <img ng-show="!item.isSelect" src="image/icons/check0.png"></img>
                                    <img ng-show="item.isSelect" src="image/icons/check1.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.employee_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.employee_name"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.user_shift"></div>
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.online_time"></div>
                            <div class="kmi-list__column column-input" style="flex:1;" ng-bind="item.offline_time"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="kmi-layout-footer" ng-show="selectItemNumber == 0 ">
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
        ng-click="search();">
          <img src="image/icons/search.png"></img> 
        </button>
    </div> -->
    <div class="kmi-layout-footer" ng-show="isEnableConfrim()">
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
        ng-click="confirm();" style="background:#db4b3c;">
            <img src="image/icons/delete2.png"></img>
        </button>
    </div>
</div>
